import React from 'react';
import ReactDOM from 'react-dom';
import { HashRouter, BrowserRouter, Routes, Route, NavLink, Navigate } from './react-router-dom';
import Home from './components/Home';
import User from './components/User';
import Profile from './components/Profile';
import { createBrowserHistory,createHashHistory } from 'history' 
console.log( createBrowserHistory())
// createBrowserHistory ===》window.history
// createHashHistory ===> window.hash

ReactDOM.render(
  <BrowserRouter>
    <Routes>
      <Route path='/' element={<Home name='Ikki'/>}></Route>
      <Route path='/user' element={<User />}></Route>
      <Route path='/profile' element={<Profile/>}></Route>
    </Routes>
  </BrowserRouter>,
  document.getElementById('root')
);






